import React from 'react';
import { View, StyleSheet, Dimensions } from 'react-native';

// 获取屏幕的宽度
const screenWidth = Dimensions.get('window').width;

// 定义一个函数式组件，接受一个props参数，其中包含子内容
// 把组件命名为BoxCard
const BoxCard = (props) => {
    // 返回一个View组件，设置样式为白色背景，宽度为屏幕宽度，padding为14px
    return (
        <View style={styles.container}>
            {/* 渲染子内容 */}
            {props.children}
        </View>
    );
};

// 定义样式对象
const styles = StyleSheet.create({
    container: {
        backgroundColor: 'white',
        width: screenWidth,
        padding: 14,
        marginBottom: 10
    },
});

// 导出组件
export default BoxCard;
